<template>
    <div>
        <swiper class="detailswiper">
            <swiper-item v-for="(item,index) in topImages" :key="index">
                <img :src="item" alt="">
            </swiper-item>
        </swiper>
    </div>
    
</template>
<script>
import { Swiper ,  SwiperItem } from "common/swiper/index"
export default {
    name:"DetailSwiper",
    components:{
        Swiper,
        SwiperItem
    },
    props:{
        topImages:{
            type:Array,
            default:[]
        }
    },
}
</script>
<style lang="css" scoped>
    .detailswiper{
        height: 300px;
        overflow:hidden;
    }
</style>